<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
* {
  margin: 0;
  padding: 0;
}
.div{
	height:500px;
	width:1400px;
	margin:auto;
	background-color:#CCC;
	}
	.box{
		height:60px;
		width:1300px;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#FFF;
		overflow:inherit;
		padding:20px
		}
		.topnav {
			width:100px;
			height:40px;
			text-align:justify;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:20px;
			color:#FFF;
			float:left;
			}
			.topnav-left{
			width:100px;
			height:40px;
			text-align:justify;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:20px;
			color:#FFF;
			float:left;
			}
  </style>
</head>

<body>
<div class="div"><div class="box">
<h1>LOGO</h1>
<hr color="#FFFFFF" />
</div>
<div class="topnav"><p style=" text-align:right; font-size:24px">首页</p></div>
<div class="topnav-left"><p style=" text-align:right; font-size:24px">首页</p>
</div>

</div>
</body>
</html>
